<template>
  <div class="contianer" ref="container">
    容器
    <User ref="user"></User>
  </div>
</template>

<script setup>
import { nextTick, onMounted, ref } from 'vue';
import User from './User.vue';
nextTick(() => {
  console.log(import.meta.env.VITE_USE_ALL_ELEMENT_PLUS_STYLE);
  console.log(import.meta.env);
  console.log(import.meta.env.VITE_APP_TITLE);
})

onMounted(() => {
  console.log(container.value, user.value); //获取dom节点
});
const container = ref(null);
const user = ref(null);
/**
 * 1、组件使用的ref,获取到的是组件实例，无法通过value.xxx的方式调用组件实例的属性和方法，
 * 如果需要使用子组件里面的属性和方法，只能在组件中使用defineExpose向外暴露组件的属性或者方法
*/

</script>

<style scoped lang='scss'></style>
